<div class="TransactionSet" id="TransactionSet">
    <modal :show="true">
        <div class="modal-header">
            <a href="javascript:;" class="close" @click="hide()">
                <span>&times;</span>
            </a>
            <span class="modal-title" v-if="!states">{{$t('basic.setPayType.openText')}}</span>
            <span class="modal-title" v-if="states">{{$t('basic.setPayType.closeText')}}</span>
        </div>
        <validator :rules="rules" :parent="_self">
            <form name="form" action="javascript:;">
                <div class="modal-body">
                    <div class="TransactionSet_text" v-if="!states">{{$t('basic.setPayType.oth')}}</div>
                    <div class="col-row">
                        <div class="col-label">
                            <label>{{$t('basic.setPayType.password')}}</label>
                        </div>
                        <div class="col-input">
                            <input id="paypwd" ref="input" name="paypwd" type="password" :placeholder="$t('common.assetPassRequireTip')" v-model="form.paypwd">
                            <div class="ui-tip"></div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="ui-btn" type="submit" @click="submit">{{$t('basic.setPayType.'+ (states ? 'close' : 'open'))}}</button>
                    <button type="button" class="ui-btn ui-btn--default" @click="hide()">{{$t('basic.setPayType.cancel')}}</button>
                </div>
            </form>
        </validator>
    </modal>
</div>